import React, { Component } from 'react';
import {Link} from 'react-router';

class App extends Component {
  render() {
    return (
      <div className="App">
        {this.props.children}
         <footer>
            <ul>
              <li>
                <Link to="/Home" activeClassName="active" onlyActiveOnIndex={true} >
                    <span className="iconfont icon-changyonglogo40"></span><br/>
	                  <span className="item">外卖</span>
                </Link>
              </li>
              <li>
                <Link to="/Discover" activeClassName="active" onlyActiveOnIndex={true} >
                    <span className="iconfont icon-faxian"></span><br/>
	                  <span className="item">发现</span>
                </Link>
              </li>
              <li>
                <Link to="/Order" activeClassName="active" onlyActiveOnIndex={true} >
                  <span className="iconfont icon-indent"></span><br/>
	                <span className="item">订单</span>
                </Link>
              </li>
              <li>
                  <Link to="/Mine" activeClassName="active" onlyActiveOnIndex={true} >
                    <span className="iconfont icon-wode"></span><br/>
	                  <span className="item">我的</span>
                  </Link>
              </li>
            </ul>
        </footer>
      </div>
    );
  }
}

export default App;
